<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="http://127.0.0.1:11209/download/css/element-ui.css" rel="stylesheet">
    <link href="http://127.0.0.1:11209/download/css/common.css" rel="stylesheet">
    <style>
        .text {
            font-size: 14px;
        }

        .item {
            padding: 18px 0;
        }

        .el-card {
            margin-top: 20px;
        }

        .title{
            color: gray;
        }
    </style>
</head>
<body>
<div id="app">
    <el-container>
        <el-main>
            <el-card class="box-card" v-for="h in historyList" :shadow="always">
                <div align="center" class="title">window版:{{h.createDate}}</div>
                <div v-html="h.winCodePath" class="text item"></div>
                <div align="center" class="title">linux版:{{h.createDate}}</div>
                <div v-html="h.linuxCodePath" class="text item"></div>
                <div align="right"><el-tag>{{h.sys}}</el-tag></div>
            </el-card>
            <el-card class="box-card" v-if="historyList.length === 0" :shadow="always">
                <div class="text item" align="center">暂无历史代码清单</div>
            </el-card>
        </el-main>
    </el-container>
</div>
</body>
<script src="http://127.0.0.1:11209/download/js/vue-2.5.16.js"></script>
<script src="http://127.0.0.1:11209/download/js/elementUi.js"></script>
<!--<script src="http://127.0.0.1:11209/download/js/axios.min.js"></script>-->
<script src="http://127.0.0.1:11209/download/js/history.js"></script>
</html>